@import '../../../style/default.less';
// 快递发货标题
.ExpressTitle{
    margin-bottom: 16px;
    height: 84px;
    border-radius: 0;
    :global{
        .ant-card-head{
            border: 0;
            padding-left: 16px;
            min-height: 46px;
            .ant-card-head-title{
                padding-bottom: 0;
            }
        }
        .ant-card-body{
            padding-top: 0!important;
            div a{
                padding-left: 8px;
            }
        }
        button.ant-switch{
            position: absolute;
            top: 32px;
            right: 16px;
        }
    }
}
.tree{
    :global{
        .ant-modal-content{
            height: 600px;
        }
    }
}
// 快递发货设置
.ExpressSet{
    margin-bottom: 16px;
    border-radius: 0;
    :global{
        .ant-card-head{
            height: 48px;
            padding-left: 16px;
            .ant-card-head-title{
                padding: 0;
                line-height: 48px;
            }
        }
        .ant-card-body{
            padding-left: 30px!important;
            .ant-form-item-children >a{
                margin-left: -10px;
            }
            .ant-form-explain-holder{
                display: none;
            }
            
        }
    }
}
// 运费模板设置
.MubanSet{
    border-radius: 0;
    border: 0;
    :global{
        .ant-card-head{
            padding-left: 16px;
            height: 48px;
            .ant-card-head-title{
                padding: 0;
                line-height: 48px;
            }
        }
        .ant-card-body{
            .ant-list-item-content.ant-list-item-content-single{
                border: 1px solid #E8E8E8;
                border-radius: 4px;
            }
            button.ant-btn{
                margin-bottom: 16px;
            }
            .ant-list-item{
                border: 0;
                padding: 0;
                .ant-row{
                    font-size: 13px;
                    height: 46px;
                    line-height: 46px;
                    border-top: 1px solid #e8e8e8;
                    .ant-col-9,.ant-col-2,.ant-col-4{
                        padding: 0 16px;
                        border-right: 1px solid #e8e8e8;
                    }
                    .ant-col-2{
                        width:11%;
                        text-align: right;
                    }
                    .ant-col-4{
                        width: 18.5%;
                        border: 0;
                        text-align: right;
                    }
                }
                .ant-row:first-child{
                    height: 54px;
                    line-height: 54px;
                    background: #FAFAFA;
                    padding: 0 16px;
                    border: 0;
                    .ant-col-9{
                        padding-left: 0;
                        border: none;
                    }
                    .ant-col-7{
                        text-align: right;
                    }
                }
            }
            // 操作样式
            .Act{
                background: #FFF;
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 2;
                text-align: right;
                color: #F1F1F1;
                a{
                    display: inline-block;
                    margin: 0 4px;
                }
            }
            // 分页样式
            .ant-pagination{
                text-align: right;
                .ant-pagination-options-size-changer.ant-select{
                    margin-right: 0;
                }
            }
        }
    }
}
// 新增运费模板 默认运费
.AddTemplate{
    :global{
        .ant-form-item-control{
            padding-bottom: 19px;
            .ant-form-explain-holder{
                display: none;
            }
        }
        .ant-row.ant-form-item{
            margin-bottom: 0;
        }
        .ant-col-xs-19.ant-col-sm-19.ant-col-md-19{
            .ant-input-group-wrapper{
                width: 16%;
                
            }
            .Text{
                padding: 0 8px;
                display: inline-block;
            }
            .ant-table{
                .ant-table-body{
                    border-radius: 4px 4px 0 0;
                    tr td,tr th{
                        width: 12%;
                        text-align: right;
                    }
                    tr td{
                        vertical-align: middle;
                        padding: 7px 10px;
                        div.Info{
                            line-height: 22px;
                            padding: 9px 6px 8px;
                        }
                        .ant-form-item-control{
                            padding: 0;
                        }
                    }
                    tr td:first-child,tr th:first-child{
                        width: 52%;
                        text-align: left;
                    }
                    
                    .EditableRow .Icons{
                        float: right;
                        padding-left: 16px;
                        .anticon-edit{
                            margin-right: 10px;
                        }
                    }
                }
                .ant-table-placeholder{
                    border-radius: 0;
                }
                .ant-table-footer{
                    background: none;
                    padding: 8px 16px;
                    a{
                        display: inline-block;
                        line-height: 32px;
                        span{
                            display: inline-block;
                            font-size: 24px;
                            padding-right: 8px;
                            line-height: 32px;
                        }
                    }
                    
                }
            }
        }
        
        .ant-row{
            
            .ant-col-19.ant-col-offset-4{
                line-height: 22px;
                padding-bottom: 20px;
            }
        }
    }
}
.innerFormItem{
    :global{
        .ant-form-item-control-wrapper{
            .ant-form-item-control{
                padding-bottom: 0;
            }
        }
    }
}

// 物流公司
.ComponentHead{
    margin-bottom: 16px;
    :global {
        .ant-card-head{
            padding: 0 16px;
            .ant-card-head-title{
                span{
                    font-size: 14px;
                    color: @black-45;
                }
            }
        }
        .ant-row{
            > div{
                text-align: center;
                width: 18.3%;
                border: 1px solid #E8E8E8;
                border-radius: 4px;
                height: 134px;
                margin: 8px 0.85%;
                overflow: hidden;
                .ant-spin-container{
                    height: 134px;
                    overflow: hidden;
                }
                p{
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                    width: 100%;
                    height: 38px;
                    padding: 8px 0;
                    background: #F4F4F4;
                    color: @black-65;
                }
                .img{
                    margin-top: 18px;
                    height: 58px;
                    img{
                        width: auto;
                        height: 58px;
                    }
                }
                .floor{
                    width: 100%;
                    height: 134px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: @black-45;
                    padding-top: 51px;
                    display: none;
                    .anticon{
                        font-size: 29px;
                        color: #FFF;
                    }
                }
            }
            > div:hover{
                .floor{
                    display: block;
                }
            }
            .ant-spin.ant-spin-spinning{
                background: transparent;
            }
        }
        
    }
}
.ComponentList{
    composes:ComponentHead;
    :global{
        .ant-row{
            > div{
                margin-top: 8px;
                margin-bottom: 8px;
            }
        }
    }
}